<link rel="stylesheet" href="../../dist/css/auth.min.css">

<div class="auth border">
    <h2>实名认证</h2>
    <div class="auth_msg">
        <h6>为保护您账户安全，实名认证成功之后不能修改信息，请认真填写！</h6>
        <form>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">用户名</div>
                    <div class="col-8">
                        <input type="text" class="form-control" placeholder="小强">
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">姓名</div>
                    <div class="col-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">性别</div>
                    <div class="col-8">
                        <select class="form-control" id="exampleFormControlSelect1">
                            <option>男</option>
                            <option>女</option>
                        </select>
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">证件类型</div>
                    <div class="col-8">
                        <select class="form-control" id="exampleFormControlSelect1">
                            <option>身份证</option>
                            <option>驾驶证</option>
                            <option>军官证</option>
                        </select>
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">证件号码</div>
                    <div class="col-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">出生日期</div>
                    <div class="col-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name">证件地址</div>
                    <div class="col-8">
                        <input type="text" class="form-control ID_address">
                    </div>
                </div>
                <span></span>
            </div>
            <div class="form-group d-flex flex-column">
                <div class="d-flex flex-row align-items-center">
                    <div class="col-4 kind_name align-self-start">身份证照片</div>
                    <div class="col-8 warning">
                        <span>请点击“选择图片”,选择证件的正反两面照片。</span>
                        <div class="pic d-flex flex-row">
                            <div class="pic_show border">
                                <a href="#">上传正面</a>
                                <div class="pic_area"></div>
                            </div>
                            <div class="pic_show border">
                                <a href="#">上传反面</a>
                                <div class="pic_area"></div>
                            </div>
                        <p><a href="#">查看样板</a></p>
                        </div>
                    </div>
                </div>
                <span></span>
            </div>


            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>
</div>